import Vue from "vue";
import Router from "vue-router"
import routes from './routers'
import store from '@/store'
import iView from 'iview'
import { setToken, getToken, canTurnTo, setTitle } from '@/libs/util'
import config from '@/config'
const { homeName } = config
Vue.use(Router);
// 注意这里是 routes  ！！！！！！！不是router 坑！
const router = new Router({
    mode: "history",
    base: process.env.BASE_URL,
    routes
});

const LOGIN_PAGE_NAME = 'login'

const turnTo = (to, access, next) => {
    if (canTurnTo(to.name, access, routes)) next() // 有权限，可访问
    else next({ replace: true, name: 'error_401' }) // 无权限，重定向到401页面
}

router.beforeEach((to,from,next)=>{
    iView.LoadingBar.start()
    const token = getToken()
    if(!token && to.name !== LOGIN_PAGE_NAME){
        next({
            name:LOGIN_PAGE_NAME
        })
    }else if(!token && to.name === LOGIN_PAGE_NAME){
        next()
    }else if(token && to.name === LOGIN_PAGE_NAME){
        next({
            name:homeName
        })
    }else {
        if (store.state.user.hasGetInfo) {
            turnTo(to, store.state.user.access, next)
        }else {
            store.dispatch('getUserInfo').then(user => {
                // 拉取用户信息，通过用户权限和跳转的页面的name来判断是否有权限访问;access必须是一个数组，如：['super_admin'] ['super_admin', 'admin']
                turnTo(to, user.access, next)
            }).catch(() => {
                setToken('')
                next({
                    name: 'login'
                })
            })
        }
    }
})

router.afterEach(to =>{
    setTitle(to,router.app)
    iView.LoadingBar.finish()
    window.scrollTo(0,0)
})
export default router
